<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('添加卡号')"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
  <form class="form-horizontal m" id="form-user-sim">
    <input name="userId" type="hidden" th:value="${userId}"/>
    <div class="form-group">
      <label class="col-sm-3 control-label">sim卡号：</label>
      <div class="col-sm-8">
        <input class="form-control" type="text" placeholder="请输入20位卡号" name="sim"/>
      </div>
    </div>

  </form>
</div>
<th:block th:include="include :: footer"/>
<script type="text/javascript">
  $("#form-user-sim").validate({
    rules: {
      sim: {
        required: true,
        minlength: 20,
        maxlength: 20
      },
    },
    focusCleanup: true
  });

  function submitHandler() {
    if ($.validate.form()) {
      $.operate.save(ctx + "userSim/addSim", $('#form-user-sim').serialize());
    }
  }
</script>
</body>

</html>
